<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head >
            <f:facet name="first" >
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title> </title>
                <h:outputStylesheet name="css/jsfcrud.css"/>

            </f:facet>
        </h:head>

        <h:body>

            <p:layout fullPage="true">

                <p:layoutUnit position="north" size="160"
                              resizable="false" closable="false" collapsible="false"  styleClass="top" >

                    <p:imageSwitch effect="wipe" id="fadeEffect" widgetVar="switcher"  slideshowAuto="false" style="position: fixed ;height: 88%; top:-3%; width: 43%; color: #ccccff">
                                <p:graphicImage value="#{pageContext.request.contextPath}/faces/resources/natillera.jpg"  />
                    </p:imageSwitch>

                </p:layoutUnit>

                <p:layoutUnit position="south" size="40" closable="true" collapsible="true">
                </p:layoutUnit>

                <p:layoutUnit position="west" size="330" header="Anuncios" closable="true" style="color: #ccccff">

                    <input type="text" name="Información" value="Información importante" readonly="readonly" disabled="disabled" />
                    <input type="checkbox" name="YN" value="ON" checked="checked" />
                    <img src="imagenes/images.png" width="74" height="81" alt="images"/>
                    <textarea name="Agreagados" rows="4" cols="20" disabled="disabled">
                        .........................  agreagados importantes
                    </textarea> 

                    <input type="file" name="as" value="1" />
                    <br/>
                    <a href="login.xhtml" target="_parent">Cerrar sesion</a>
                    <br/>
                    <a href="http://natillera.com" target="_blank">Enlace a natillera</a>

                </p:layoutUnit>

                <p:layoutUnit position="east" size="215" header="FONDO DE AHORRO" style=" background-color: #ccccff" collapsible="true">
                    <h:form>
                        <p:menu>

                            <p:submenu label="FONDO DE AHORRO" >
                                <p:menuitem value="Fondo" url="#{pageContext.request.contextPath}/faces/tblNatillera/Create.xhtml" icon="ui-icon-disk"  /> 
                                <p:menuitem value="Persona" url="#{pageContext.request.contextPath}/faces/tblPersona/Create.xhtml" icon="ui-icon-disk"  /> 
                                <p:menuitem value="Matricular persona" url="#{pageContext.request.contextPath}/faces/tblNatilleraPersona/Create.xhtml" icon="ui-icon-disk"  /> 
                                <p:menuitem value="Usuario" url="#{pageContext.request.contextPath}/faces/tblUsuario/Create.xhtml" icon="ui-icon-disk"  /> 
                                <p:menuitem value="Perfil" url="#{pageContext.request.contextPath}/faces/tblPerfil/Create.xhtml" icon="ui-icon-disk"  /> 
                                <p:menuitem value="Usuario - Perfil" url="#{pageContext.request.contextPath}/faces/tblUsuarioPerfil/Create.xhtml" icon="ui-icon-disk"  /> 
                                
                            </p:submenu>
                            <p:submenu label="PERSONAS">
                                <p:menuitem value="Actividad" url="#{pageContext.request.contextPath}/faces/tblActividad/Create.xhtml" icon="ui-icon-disk"  />  
                                <p:menuitem value="Actividad Tipo" url="#{pageContext.request.contextPath}/faces/tblActividadTipo/Create.xhtml" icon="ui-icon-disk"  /> 
                                <p:menuitem value="Recaudo Actividades" url="#{pageContext.request.contextPath}/faces/tblRecaudo/Create.xhtml" icon="ui-icon-disk"  /> 
                                <p:menuitem value="Insumos" url="#{pageContext.request.contextPath}/faces/tblInsumos/Create.xhtml" icon="ui-icon-disk"  /> 
                                <p:menuitem value="Insumos de Actividad" url="#{pageContext.request.contextPath}/faces/tblInsumoActividad/Create.xhtml" icon="ui-icon-disk"  /> 
                                <p:menuitem value="Prestamo" url="#{pageContext.request.contextPath}/faces/tblPrestamo/Create.xhtml" icon="ui-icon-disk"  /> 
                                <p:menuitem value="Cuota" url="#{pageContext.request.contextPath}/faces/tblCuota/Create.xhtml" icon="ui-icon-disk"  /> 
                                
                            </p:submenu>
                            <p:submenu label="MAESTROS" >
                                <p:menuitem value="Estado" url="#{pageContext.request.contextPath}/faces/tblEstado/Create.xhtml" icon="ui-icon-disk"  /> 
                                <p:menuitem value="Periodicidad" url="#{pageContext.request.contextPath}/faces/tblPeriodicidad/Create.xhtml" icon="ui-icon-disk"  /> 
                                <p:menuitem value="Concepto" url="#{pageContext.request.contextPath}/faces/tblConcepto/Create.xhtml" icon="ui-icon-disk"  /> 
                            </p:submenu> 

                        </p:menu>
                    </h:form>
                </p:layoutUnit>

                <p:layoutUnit position="center" style=" background-color: #fefeff" >

                    <ui:insert name="title" />
                    <ui:insert name="body"/>

                    <body style=" background-color: #ccccff "/>

                    <input type="submit" value="Botton of test" />
                </p:layoutUnit>

            </p:layout>
           
        </h:body>
    </f:view>
</html>
